import { FrownOutlined, MenuFoldOutlined, SearchOutlined, TranslationOutlined } from '@ant-design/icons';
import styles from './index.less'
export default function Headers() {
    return (
        <div className={styles.articleAll}>
            <div className={styles.container1}>
                <div className={styles.containerA}>
                    <div className={styles.left}>

                
                    <div className={styles.logo}>
                            <img src='https://wipi.oss-cn-shanghai.aliyuncs.com/2021-02-20/wipi-logo.png' alt="" />
                        </div>
                        <nav>
                            <ul>
                                <li className="_1KU4i5t4zJjAhq0ZlikqlG"><a href="/">文章</a></li>
                                <li><a href="/archives">归档</a></li>
                                <li><a href="/knowledge">知识小册</a></li>
                                <li><a href="/page/msgboard">留言板</a></li>
                                <li><a href="/page/about">关于</a></li>
                            </ul>
                            <span className={styles.spans}><MenuFoldOutlined /></span>
                        </nav>
                   
                        <div className={styles.right}>
                          <span>  <TranslationOutlined /></span>
                          <span><FrownOutlined /></span>
                          <span><SearchOutlined /></span>
                    </div>
                    </div>
                  


                </div>
            </div>
        </div>
    );
}
